<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
	<style>
		html,
		body {
			background-color: transparent !important;
		}
		#member_pai{
		  width: 100px;
			height: 83px;
		}
		#member_pai img{
			padding-top: 30px;
		}
		.member_pai_donghua{
		  animation: member_pai 1s;
		}
		@-webkit-keyframes member_pai{
		  0%, 20%, 53%, 80%, to {
		      -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		      -webkit-transform: translateZ(0);
		      transform: translateZ(0)
		  }
		  40%, 43% {
		      -webkit-transform: translate3d(0, -30px, 0);
		      transform: translate3d(0, -30px, 0)
		  }
		  40%, 43%, 70% {
		      -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		      animation-timing-function: cubic-bezier(.755, .05, .855, .06)
		  }
		  70% {
		      -webkit-transform: translate3d(0, -15px, 0);
		      transform: translate3d(0, -15px, 0)
		  }
		  90% {
		      -webkit-transform: translate3d(0, -4px, 0);
		      transform: translate3d(0, -4px, 0)
		  }
		}
	</style>
</head>

<body >
	<div id="member_pai">
	 <img src="../i/member_pai.png" >
	</div>
</body>

<script type="text/javascript" src="../j/api.js"></script>
<script type="text/javascript">
	apiready = function() {
		member_pai_donghua();
	};
	function member_pai_donghua(){
		$('#member_pai').addClass('member_pai_donghua');
		setTimeout(function(){
			$('#member_pai').removeClass('member_pai_donghua');
			setTimeout(function(){
				member_pai_donghua();
			},1000)
		},1000)
	}
</script>

</html>
